// {bem_b,bem_e,bem_m,VueAndNvueStyleAttr,when}
@use "./mixin/mixins.scss" as *;
@use './mixin/function.scss' as *;

@import "common/index.scss";


@include bem_b(row-notice) {
		@include flex;
		align-items: center;
		justify-content: space-between;
		@include bem_e(left){
			&-icon {
				align-items: center;
				margin-right: 5px;
			}
		}
		@include bem_e(right){
			&-icon {
				align-items: center;
				margin-left: 5px;
			}
		}
		@keyframes loop-animation {
			0% {
				transform: translate3d(0, 0, 0);
			}
		
			100% {
				transform: translate3d(-100%, 0, 0);
			}
		}

		@include bem_e(content) {
			text-align: right;
			flex: 1;
			@include flex;
			flex-wrap: nowrap;
			overflow: hidden;

			&__text {
				font-size: 14px;
				@include VueAndNvueStyleAttr("color","color", 'warning');
				/* #ifndef APP-NVUE */
				// 这一句很重要，为了能让滚动左右连接起来
				padding-left: 100%;
				word-break: keep-all;
				white-space: nowrap;
				animation: loop-animation 10s linear infinite both;
				/* #endif */
				@include flex(row);
			}
		}
	}
